/**
 * @description 组件样式
 * @author: 陈陈
 * @date: 2025/05/09
 * @phone: 18560000860
 * @email: 18560000860@qq.com
 * @company: 济南晨霜信息技术有限公司 /
 * @business: 承接前后端项目的开发
 */
.pure-nav-bar {
	background: transparent;
	height: var(--pure-nav-bar-component-height);

	&__status-bar {
		height: var(--pure-nav-bar-status-bar-height, 25px);
	}

	&__container {
		background: var(--pure-nav-bar-background, var(--pure-background-default));
	}

	&__wrapper {
		height: var(--pure-nav-bar-height, 44px);
		padding: var(--pure-nav-bar-padding, 0 8px);
		position: relative;
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	&__left {
		position: absolute;
		left: 0;
		top: 0;
		width: auto;
		height: 100%;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
		padding: inherit;
		flex-shrink: 0;
	}

	&__back {
		display: flex;
		flex-direction: row;
		align-items: var(--pure-nav-bar-back-align-items, center);
		justify-content: var(--pure-nav-bar-back-justify-content);
		flex-shrink: 0;
		margin: 0 var(--pure-nav-bar-back-margin);
		padding: 0 var(--pure-nav-bar-back-padding);
		gap: var(--pure-nav-bar-back-gap);

		&__icon {
			font-size: var(--pure-nav-bar-back-icon-font-size, 18px);
			font-weight: var(--pure-nav-bar-back-icon-font-weight, 500);
			color: var(--pure-nav-bar-back-icon-color);
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
		}

		&__text {
			font-size: var(--pure-nav-bar-back-text-font-size, 12px);
			font-weight: var(--pure-nav-bar-back-text-font-weight, 500);
			color: var(--pure-nav-bar-back-text-color);
		}
	}

	&__title {
		width: var(--pure-nav-bar-title-width, 100%);
		margin: var(--pure-nav-bar-title-margin, 0 auto);
		padding: var(--pure-nav-bar-title-padding, 0 4px);
		text-align: var(--pure-nav-bar-title-text-align, center);
		font-size: var(--pure-nav-bar-title-font-size, 18px);
		font-weight: var(--pure-nav-bar-title-font-weight, 600);
		flex-shrink: 0;
	}

	&__right {
		position: absolute;
		right: 0;
		top: 0;
		width: auto;
		height: 100%;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-end;
		padding: inherit;
		flex-shrink: 0;
	}

	&--safe-menu-button {
		.pure-nav-bar__right__content {
			padding-right: var(--pure-nav-bar-menu-button-width);
		}
	}

	&--title-align--left {
		.pure-nav-bar__left {
			position: static;
			padding: 0;
		}

		.pure-nav-bar__right {
			padding: 0;
		}

		.pure-nav-bar__title {
			text-align: var(--pure-nav-bar-title-text-align, left);
		}
	}

	&--title-align--center {
		.pure-nav-bar__left {
			position: absolute;
		}
	}

	&--is-fixed {
		.pure-nav-bar__container {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			z-index: var(--pure-z-index-middle, 900);
		}
	}
}
